const {resolve} = require('path');
const HtmlWbpackPlugin = require('html-webpack-plugin');
//设置nodejs环境变量,默认是product，postcss-loader会读取这个参数决定怎么做css兼容
// process.env.NODE_ENV = 'development'

module.exports={
    // 单入口
    entry:'./js/index.js',
    
    output:{
        filename: 'js/[name].[contenthash:10].js',
        path: resolve(__dirname, 'dist')
    },
    //module就是用来配置loader的地方
    module:{
    },
    plugins:[
        new HtmlWbpackPlugin({
            //复制指定的html文件，并自动引入打包的js
            template: './index.html',
            //压缩html
            minify:{
                collapseWhitespace:false,//移除空格
                removeComments:false//移除注释
            }
        })
    ],
    //production会自动压缩JS代码
    mode:'production',
    /*
    source-map:提供源代码和构建后代码的映射技术
    [inline-][hidden-][eval-][nosources-][cheap-[module-]]source-map
    source-map：外部生成xxx.js.map,错误代码提示准确，能定位到源代码位置
    inline-source-map：内联到生成js文件里，错误代码提示准确，能定位到源代码位置
    hidden-source-map：外部生成独立的xxx.js.map，但是没有源代码的错误位置只能提示构建后代码错误位置
    */
    devtool: 'source-map',
    externals:{
      //需要忽略打包的模块，比如jquery
      //jquery:'jQuery'
    }
}